<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>

<div id="Header">

    <div id="Logo">
        <div id="LogoContent">
            <a href="main"><img src="../../images/logo-topbar.gif" width="100" height="100" /></a>
            <a href="main"><img src="../../images/logo.jpg" width="100" height="70" style="position:absolute; top:0px;"/></a>
        </div>
    </div>

    <div id="Menu">
        <div id="MenuContent">
            <a href="/viewCart">
                <img align="middle" name="img_cart" src="../../images/cart.png" width="25" height="25" />
            </a>
            <img align="middle" src="../../images/separator.gif" />
            <span id="signInSpan">
                <a href="../../view/login.html">Sign In</a>
            </span>
             
            <span id="signOutSpan">
                <input type="button" value="SignOut" id="signout-btn">
                <img align="middle" src="../../images/separator.gif" /> 
            <a id="getAccount" href="../../view/MyAccount.html">My Account</a> 
            <img align="middle" src="../../images/separator.gif" /> 
            </span>
            
            
            <a href="#">?</a>
        </div>
    </div>

    <div id="Search">
        <div id="SearchContent">
            <form action="search" method="post">
                <input id="SearchInput" type="text" name="keyword" size="14" /> 
                <input id="SearchBtn" type="submit" name="searchProducts" value="Search" />
            </form>
        </div>
    </div>
    
    <div id="QuickLinks">
        <a href="category?categoryId=FISH">
            <img src="../../images/sm_fish.png" width="40" height="25" />
        </a> 
        <img src="../../images/separator.gif" />
        <a href="category?categoryId=DOGS">
            <img src="../../images/sm_dogs.png" width="40" height="25" />
        </a> 
        <img src="../../images/separator.gif" />
        <a href="category?categoryId=REPTILES">
            <img src="../../images/sm_reptiles.png" width="60" height="25" />
        </a> 
        <img src="../../images/separator.gif" /> 
        <a href="category?categoryId=CATS">
            <img src="../../images/sm_cats.png" width="40" height="25" />
        </a> <img src="../../images/separator.gif" />
        <a href="category?categoryId=BIRDS">
            <img src="../../images/sm_birds.png" width="50" height="25" />
        </a>
    </div>

</div>